<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar showPerson personType="PERSON_AAC031_1" psTagType="PERSON_AAB001_GROUP">
                <ep-button size="small" name="打印"></ep-button>
                <ep-button size="small" name="刷新"></ep-button>
            </epl-top-bar>
             <epl-userMessage dataType="person" idCount="2" :panel="panel">
                  <epl-personInsurance></epl-personInsurance>
            </epl-userMessage>
            <el-card class="ep-card">
                <el-collapse v-model="activeNames" >
                    <el-collapse-item title="请输入转移信息" name="1">
                        <el-card class="ep-card">
                        <el-form :model="form" :rules="rules" ref="form">
                            <el-row :gutter="10">
                                <ep-input colspan="8" label="对方社保机构名称" name="bea204" :property="form.bea204" 
                                    placeholder="请输入对方社保机构名称" p="R" :datas="{formData: form}"  ></ep-input>
                                <ep-input colspan="8" label="记账总金额" name="aic082" :property="form.aic082" rules="this.$rules.numx"
                                    placeholder="请输入记账总金额" p="E" :datas="{formData: form}"  ></ep-input>
                                <ep-input colspan="8" label="款项金额" name="aic083" :property="form.aic083"  rules="this.$rules.numx"
                                    placeholder="请输入款项金额" p="E" :datas="{formData: form}"  ></ep-input>

                            </el-row>
                            <el-row :gutter="10">
                                <ep-date colspan="8" label="资金到账日期" name="bad131" :property="form.bad131" placeholder="请选择资金到账日期" 
                                                p="E" format="yyyy-MM-dd" value-format="yyyyMMdd" isCodeType ></ep-date>
                                <ep-select colspan="8" label="登帐辖区" name="aab299" :property="form.aab299" codetype="AAB301" placeholder="请选择登帐辖区"
                                    p="E" :datas="{formData:form}"></ep-select>
                                <ep-input colspan="8" label="养老首次参保年月" name="aab305" :property="form.aab305" rules="this.$rules.num"
                                    placeholder="请输入养老首次参保年月" p="R" :datas="{formData: form}"  ></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                
                                <ep-input colspan="8" label="缴费月数" name="bac284" :property="form.bac284" rules="this.$rules.num"
                                    placeholder="请输入缴费月数" p="E" :datas="{formData: form}"  ></ep-input>
                                <ep-date colspan="8" label="缴费开始时间" name="aae030" :property="form.aae030" placeholder="请选择缴费开始时间" 
                                                p="E" format="yyyy-MM-dd" value-format="yyyyMMdd"  ></ep-date>
                                <ep-date colspan="8" label="缴费结束时间" name="aae031" :property="form.aae031" placeholder="请选择缴费结束时间" 
                                                p="E" format="yyyy-MM-dd" value-format="yyyyMMdd"  ></ep-date>                
                            </el-row>
                        </el-form>
                        </el-card>
                    </el-collapse-item> 
                    <el-collapse-item title="请输入缴费信息" name="2">
                        <el-card class="ep-card">
                        <el-form :model="form2" :rules="rules" ref="form">
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="行政区划" name="aab001" :property="form2.aab001" codetype="AAB301"
                                    placeholder="请选择行政区划" p="E" :datas="{formData: form2}"></ep-select>
                                <ep-select colspan="8" label="账目类型" name="bab010" :property="form2.bab010" codetype="BAB010"
                                    placeholder="请选择账目类型" p="E" :datas="{formData: form2}"></ep-select>
                                <ep-date colspan="8" label="开始年月" name="aab069" :property="form2.aab069" placeholder="请选择开始年月" 
                                                p="E" format="yyyy-MM" value-format="yyyyMM"  ></ep-date>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-date colspan="8" label="结束年月" name="aab019" :property="form2.aab019" placeholder="请选择结束年月" 
                                                p="E" format="yyyy-MM" value-format="yyyyMM"  ></ep-date> 
                                <ep-date colspan="8" label="对应费款所属期" name="aac003" :property="form2.aac003" placeholder="请选择对应费款所属期" 
                                                p="E" format="yyyy-MM" value-format="yyyyMM"  ></ep-date>
                                <ep-select colspan="8" label="应缴类型" name="aaa115" :property="form2.aaa115" codetype="AAA115" placeholder="请选择应缴类型"
                                    p="E" :datas="{formData:form2}"></ep-select>
                                
                            </el-row>
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="应缴类型明细" name="bae570" :property="form2.bae570" codetype="BAE570" placeholder="请选择应缴类型明细"
                                    p="E" :datas="{formData:form2}"></ep-select>
                                <ep-input colspan="8" label="缴费基数" name="aae180" :property="form2.aae180" rules="this.$rules.numx"
                                    placeholder="请输入缴费基数" p="E" :datas="{formData: form2}"  ></ep-input>
                                <ep-input colspan="8" label="缴费月数" name="bac284" :property="form2.bac284" rules="this.$rules.num"
                                    placeholder="请输入缴费月数" p="E" :datas="{formData: form2}"  ></ep-input>        
                            </el-row>
                            <el-row :gutter="10">
                                <ep-textarea :rows="3" label="备注" name="aae160" :property="form2.aae160"
                                        p="E" :datas="{formData: form2,panel: panel}" ></ep-textarea>
                            </el-row> 
                        </el-form>
                        </el-card>
                    </el-collapse-item>
                    <el-collapse-item title="缴费信息" name="3">
                        <el-card class="ep-card">    
                            <el-row>
                                <ep-table :data="tableData" border style="width: 100%;" rowDbClick :titleFilter="demo">
                                    <ep-table-column editor="index" width="100"  header="序号"></ep-table-column>    
                                    <ep-table-column  sortable editor="select" edited width="120" name="aab001" header="行政区划"></ep-table-column>
                                    <ep-table-column  sortable editor="select" edited width="120" name="bab010" header="账目类型"></ep-table-column>
                                    <ep-table-column  sortable editor="date" edited width="120" name="aab069" header="开始年月"></ep-table-column>
                                    <ep-table-column  sortable editor="date" edited width="120" name="aab019" header="结束年月"></ep-table-column>
                                    <ep-table-column  sortable editor="text"  edited width="210" name="aac003" header="对应费款所属期"></ep-table-column>
                                    <ep-table-column  sortable editor="select" edited width="120" name="aaa115" header="应缴类型"></ep-table-column>
                                    <ep-table-column  sortable editor="select" edited width="180" name="aac004" header="应缴类型明细"></ep-table-column>
                                    <ep-table-column  sortable editor="text" edited width="120" name="aae180" header="缴费基数"></ep-table-column>
                                    <ep-table-column  sortable editor="text"  edited  width="120" name="bac284" header="缴费月数"></ep-table-column>
                                    <ep-table-column  sortable editor="text" edited  width="100" name="aae160" header="备注"></ep-table-column>
                                    <ep-table-column header="操作" width="100" editor="button">
                                        <template slot-scope="scope">
                                            <el-button type="text" size="mini" @click="deleteCurrentRow(scope.row)">删除</el-button>
                                        </template>
                                    </ep-table-column>
                                </ep-table>
                            </el-row>
                         
                            <el-row type="flex" justify="center">
                                <ep-button size="medium" type="text" name="+增加" id="doAdd" :datas="{tableData: tableData,baa115: form.baa115}"></ep-button>
                            </el-row>
                        </el-card>
                    </el-collapse-item>
                </el-collapse>
                <div style="margin: 15px 0;"></div>
                <el-row type="flex" justify="center">
                        <ep-saveButton  type="primary"  id="doSave"  ref="save" @formValidate="formValidate" :validate="['form']" 
                                       :datas="{panel:panel,formData: form,tableData: tableData}" name="保存"></ep-saveButton>
                </el-row>
            </el-card>
        </el-main>
    </el-main>
</template>


<script src="../js/TransferInDetailJS.js"></script>
